<html>
<head>
    <title>Options - Die Ewigen Extension</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <link   rel="stylesheet"    type="text/css"     href="graphics/degp3/f1.css">

    <script src="jquery/jquery-1.5.js"            type="text/javascript"></script>
    <script src="jquery/jquery.ewigen.js"         type="text/javascript"></script>


    <script type="text/javascript">
    $(document).ready(function() {

        if(localStorage["sde_ext_css"] != undefined) {
            $("link").attr("href", localStorage["sde_ext_css"]);
        }

        // resize background on first startup
        resizeBackground();

        //resize the background image every time we change the window size
        $(window).resize(function() {
            resizeBackground();
        });

        $("#sde_theme").change(function() {
            $("link").attr("href", $(this).val());
            localStorage["sde_ext_css"] = $(this).val();
        });
    });

    function resizeBackground() {
        var width       = $(window).width();
        var height      = $(window).height();

        var BASE_RATIO  = 0.75;

        var curRatio    = height/width;

        //-webkit-background-size: 100% 100%, auto;
        if(curRatio <= BASE_RATIO) {
            height  = width * BASE_RATIO;
        }
        else {
            width   = height / BASE_RATIO;
        }
        $("body").css("-webkit-background-size", width + "px " + height + "px, auto");
    }


	// Restores select box state to saved value from localStorage.
	function restoreOptions() {
        var inputFields = document.getElementsByTagName("input");

        for(var i=0; i < inputFields.length; i++) {
            switch(inputFields[i].type) {
                case "checkbox": {
                        inputFields[i].checked = $.ewigen.load.text(inputFields[i].name);
                        break;
                }
                default: {
                        inputFields[i].setAttribute("value", $.ewigen.load.text(inputFields[i].name));
                        break;
                }
            }
        }

        var selectFields = document.getElementsByTagName("select");

        for(var i=0; i < selectFields.length; i++) {
            selectFields[i].value = $.ewigen.load.text(selectFields[i].name);
        }
	}
    </script>
</head>

<body onload="restoreOptions()">

        <div id="tabs-sde">
        <br/><br/><br/>
        <center>
        <table border="0" cellpadding="0" cellspacing="0">
            <tbody>
                <tr align="center">
                    <td width="13" height="37" class="rol">&nbsp;</td>
                    <td align="center" class="ro" width="800"><div class="cellu">SDE - Speed Die Ewigen</div></td>
                    <td width="13" class="ror">&nbsp;</td>
                </tr>
                <tr align="center">
                    <td class="rl">&nbsp;</td>
                    <td>

                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                                <tr align="center">
                                    <td width="50%" valign="top">

                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                        <thead>
                                            <tr align="center">
                                                <td width="13" height="37" class="rol">&nbsp;</td>
                                                <td align="center" class="ro" colspan="2" width="374"><div class="cellu">Autofill für den alten Login</div></td>
                                                <td width="13" class="ror">&nbsp;</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell1" width="187">Login</td>
                                                <td class="cell1" width="187" align="center"><input type="password" size="16" name="sde_login_name"          onkeyup="$.ewigen.save.text(this.name,this.value)"   title="Loginname des Spielers"></td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell">Password</td>
                                                <td class="cell" align="center"><input type="password" size="16" name="sde_login_pass"          onkeyup="$.ewigen.save.text(this.name,this.value)"   title="Password"></td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rul">&nbsp;</td>
                                                <td class="ru" colspan="2">&nbsp;</td>
                                                <td class="rur">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                        </table>

                                        <br/>

                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                        <thead>
                                            <tr align="center">
                                                <td width="13" height="37" class="rol">&nbsp;</td>
                                                <td align="center" class="ro" colspan="2" width="374"><div class="cellu">Kampfbericht @ warheart</div></td>
                                                <td width="13" class="ror">&nbsp;</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell1" width="187">Name</td>
                                                <td class="cell1" width="187" align="center"><input type="text"  size="16" name="sde_warheart_nick"              onkeyup="$.ewigen.save.text(this.name,this.value)"  title="Unter diesem Namen wird der Kampfbericht gepostet"></td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell">AutoSubmit</td>
                                                <td class="cell" align="center"><input type="checkbox"  size="16" name="sde_warheart_autosubmit"    onchange="$.ewigen.save.text(this.name,this.value)" title="Sendet das Formular direkt ab"></td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rul">&nbsp;</td>
                                                <td class="ru" colspan="2">&nbsp;</td>
                                                <td class="rur">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                        </table>

                                        <br/>

                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                        <thead>
                                            <tr align="center">
                                                <td width="13" height="37" class="rol">&nbsp;</td>
                                                <td align="center" class="ro" colspan="2" width="374"><div class="cellu">Kampfbericht @ the-coon</div></td>
                                                <td width="13" class="ror">&nbsp;</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell1" width="187">Zeige Ingame-Nicks</td>
                                                <td class="cell1" width="187" align="center">
                                                    <select name="sde_coon_nick" size="1" onchange="$.ewigen.save.text(this.name,this.value)"  title="Sollen die Namen der beteiligten angezeigt werden?">
                                                        <option value="0">Nein</option>
                                                        <option value="1">Ja</option>
                                                    </select>
                                                </td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell">Server</td>
                                                <td class="cell" align="center">
                                                    <select name="sde_coon_server" size="1" onchange="$.ewigen.save.text(this.name,this.value)"  title="Für welchen Server soll der KB gepostet werden?">
                                                        <option value=""></option>
                                                        <option value="sde">sDE</option>
                                                        <!-- <option value="xde">xDE</option>
                                                        <option value="rde">rDE</option>
                                                        <option value="br">BR</option> -->
                                                    </select>
                                                </td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell1">AutoSubmit</td>
                                                <td class="cell1" align="center"><input type="checkbox"  size="16" name="sde_coon_autosubmit"        onchange="$.ewigen.save.text(this.name,this.value)"  title="Sendet das Formular direkt ab"></td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rul">&nbsp;</td>
                                                <td class="ru" colspan="2">&nbsp;</td>
                                                <td class="rur">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                        </table>

                                    </td>
                                    <td width="50%" valign="top">

                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                        <thead>
                                            <tr align="center">
                                                <td width="13" height="37" class="rol">&nbsp;</td>
                                                <td align="center" class="ro" width="374"><div class="cellu">Theme-Einstellung der Extension</div></td>
                                                <td width="13" class="ror">&nbsp;</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell1" align="center">
                                                    <select id="sde_theme"   name="sde_ext_css"   size="1"      onchange="$.ewigen.save.text(this.name,this.value)"  title="Welches Theme soll die Erweiterung verwenden?">
                                                        <option value="graphics/degp3/f1.css">Die Ewigen</option>
                                                        <option value="graphics/degp3/f2.css">Die Ishtar</option>
                                                        <option value="graphics/degp3/f3.css">Die K'Tharr</option>
                                                        <option value="graphics/degp3/f4.css">Die Z´tah-ara</option>
                                                    </select>
                                                </td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rul">&nbsp;</td>
                                                <td class="ru">&nbsp;</td>
                                                <td class="rur">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                        </table>

                                        <br/>
                                        <!-- not ready to publish 
                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                        <thead>
                                            <tr align="center">
                                                <td width="13" height="37" class="rol">&nbsp;</td>
                                                <td align="center" class="ro" colspan="2" width="374"><div class="cellu">DE @ work</div></td>
                                                <td width="13" class="ror">&nbsp;</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell1" width="187">Arbeitsmodus</td>
                                                <td class="cell1" width="187" align="center"><input type="checkbox" size="16" name="sde_workmode_enabled"            onkeyup="$.ewigen.save.text(this.name,this.value)"   title="Aktiviere den Arbeitsmodus"></td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell">Anzeige im Titel</td>
                                                <td class="cell" align="center"><input type="text"  size="16" name="sde_workmode_title"              onkeyup="$.ewigen.save.text(this.name,this.value)"  title="Dieser Text steht in der Titelleiste des Browser anstelle von \"Die Ewigen ...\""></td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rl">&nbsp;</td>
                                                <td class="cell1">Favouriten Icon</td>
                                                <td class="cell1" align="center"><input type="text"  size="16" name="sde_workmode_favicon"  value=""  disabled   onkeyup="$.ewigen.save.text(this.name,this.value)"  title="URL zum Fav-Icon"></td>
                                                <td class="rr">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="rul">&nbsp;</td>
                                                <td class="ru" colspan="2">&nbsp;</td>
                                                <td class="rur">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                        </table>
                                        -->
                                        
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <br/>

                    </td>
                    <td class="rr">&nbsp;</td>
                </tr>
                <tr>
                    <td class="rul">&nbsp;</td>
                    <td class="ru">&nbsp;</td>
                    <td class="rur">&nbsp;</td>
                </tr>
            </tbody>
        </table>

        </center>
        </div>
        
</body>
</html>